

<template>
  <div style="height: 100vh;">
    <el-header style="height: 6vh;">飞天意大利面教
    <el-button  type="primary" icon="el-icon-delete" style="float: right;margin-top: 2px" @click="quit">退出</el-button>
    </el-header>
    <div >
<!--      height: 631px;-->
      <el-container style="height: 94vh; border: 1px solid #ededed;overflow: hidden;">
        <el-aside width="210px" style="border: 1px solid #ededed">
          <el-menu :default-openeds="['1']"  router>
            <el-submenu index="1" >
              <template slot="title"><i class="el-icon-message"></i>教会信息管理</template>
              <el-menu-item-group >
                <el-menu-item index="/dept">教会部门管理</el-menu-item>
                <el-menu-item index="/emp">教会员工管理</el-menu-item>
                <el-menu-item index="/disciple">教会会员管理</el-menu-item>
              </el-menu-item-group>

            </el-submenu>
          </el-menu>
        </el-aside>


        <el-container>
          <el-main>
          <router-view ></router-view>
          </el-main>
        </el-container>


      </el-container>


    </div>
  </div>
  <!--  </div>-->
</template>
<script>
import axios from "axios";
import {removeToken} from "@/utils/auth";

export default {
  data() {
    return{
      tableData:[],
      searchForm:{
        name:"",
        gender:"",
        entrydate:[]
      }
    }
  },
  methods:{
    quit(){
      removeToken();
      this.$router.push('/login');
    }
  },
  mounted() {
  }
};
</script>




<style >
*{
  margin: 0;
  padding: 0;
}
.el-header {
  background-color: rgb(238, 241, 246);
  color: #333;
  line-height: 60px;
}
.el-aside {
  color: white;
}



</style>
